/**********
    @name: 主题色设置
    @describtion: 公告函数调用   传入主题色  计算各个颜色
    @author:liubingye
    @date:2023-03-24 09:59:04
***********/
const el = document.documentElement
import store from '@/store'
function mix (color1, color2, weight){
    weight = Math.max(Math.min(Number(weight), 1), 0)
    const r1 = parseInt(color1.substring(1, 3), 16)
    const g1 = parseInt(color1.substring(3, 5), 16)
    const b1 = parseInt(color1.substring(5, 7), 16)
    const r2 = parseInt(color2.substring(1, 3), 16)
    const g2 = parseInt(color2.substring(3, 5), 16)
    const b2 = parseInt(color2.substring(5, 7), 16)
    const r = Math.round(r1 * (1 - weight) + r2 * weight)
    const g = Math.round(g1 * (1 - weight) + g2 * weight)
    const b = Math.round(b1 * (1 - weight) + b2 * weight)
    const _r = ('0' + (r || 0).toString(16)).slice(-2)
    const _g = ('0' + (g || 0).toString(16)).slice(-2)
    const _b = ('0' + (b || 0).toString(16)).slice(-2)
    return '#' + _r + _g + _b
}

export function editTheme (themeColor){
    console.log(1111,themeColor)
    el.style.setProperty('--el-color-primary', themeColor)
    store.commit('app/SET_THEME_COLOR',themeColor)
    for (let i = 1; i < 10; i += 1) {
        el.style.setProperty(`--el-color-primary-light-${i}`, mix(themeColor, "#ffffff", i * 0.1));
    }
    el.style.setProperty('--el-color-primary-dark-2', mix(themeColor, "#000000", 2 * 0.1));
}
